<template>
    <div class="app">
        <div v-pre >
            什么是组件？
                就是对局部视图的封装，有自己的样式等等
            什么是组件库？
                好多组件放到一起，就是组件库
                Vant 轻量可靠的移动端Vue的组件库

            怎么使用组件？
            1、先npm install
            第三种方式：（全量导入--不推荐）
            2、在main.js中导入并且注册到全局上
            3、在其他的.vue组件中就可以直接使用了
            
            方式二： 手动按需导入
            import Button from 'vant/lib/button'
            import 'vant/lib/button/style'
            在使用的Vue组件中，的components里面注册一下，或者上面代码写在main.js挂在全局上
            这样的方式：减少不必要的引用，减少代码体积

            方式一：自动按需引入
            先安装一个插件：npm  i babel-plugin-import -D 安装开发依赖
            配置bable.config.js (查看官网)--其实就是第二种方式的简写
            import { Button } from 'vant'
            Vue.use(Button); //把button注册为全局组件
            使用的时候还是van-button就行

        </div>

        <van-button type="primary"> 主要按钮 </van-button>
    </div>
</template>

<script>
export default {
    name:'Index'   
}
</script>